.homesort .top { display: flex; justify-content: space-between; padding: 0px 10px; height: 44px; line-height: 44px; font-size: 16px; color: #333; }

.homesort .top .tabs { width: 40%; }

.homesort .top .tabs ul { display: flex; justify-content: space-between; }

.homesort .top .tabs ul li { padding: 0px 15px; }

.homesort .top .tabs ul .active { color: #ff8f5c; border-bottom: 2px solid #ff8f5c; }

.homesort .top .icon-sort { font-size: 22px; color: #333; }

.homesort .display { display: none; }

.homesort .j-page { background-color: #f8f8f8; }

.homesort .j-page .line { height: 1px; background-color: #f8f8f8; }

.homesort .j-page .catalog { margin-top: 8px; background-color: #fff; }

.homesort .j-page .catalog p { padding: 0 10px; font-size: 16px; line-height: 40px; height: 40px; color: #362e2b; border-bottom: 1px solid #e1e1e1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.homesort .j-page .catalog .lists { padding: 12px 8px 2px; display: flex; }

.homesort .j-page .catalog .lists ul .img { margin-bottom: 10px; float: left; width: 175px; height: 110px; margin-right: 4px; }

.homesort .j-page .catalog .lists ul .img img { width: 100%; height: 100%; object-fit: cover; vertical-align: bottom; }

.homesort .j-page .catalog .lists ul li { float: left; width: 25%; height: 30px; margin-bottom: 10px; }

.homesort .j-page .catalog .lists ul li a { display: block; text-align: center; margin: 0 5px; border-radius: 3px; color: #8e8e8e; background-color: #f8f8f8; font-size: 12px; height: 20px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 5px 8px; }
